import {
    Component,
    OnInit,
    trigger,
    state,
    style,
    transition,
    animate
} from '@angular/core';

@Component({
    moduleId: module.id,
	selector: 'my-search-dialog',
	templateUrl: 'search-dialog.component.html',
    styleUrls:['search-dialog.component.css'],
	animations: [
		trigger('scaleInOut', [
			state('in', style({
                opacity: 1,
                transform: 'scale(1,1)'
            })),
            transition('void => *', [
				style({ opacity: 0, transform: 'scale(.8,.8)'}),
				animate('0.3s ease-in-out')
			]),
            transition('* => void', [
				animate('0.15s ease-in-out',style({transform: 'scale(.6,.6)'}))
			])
		])
	]
})
export class SearchDialogComponent implements OnInit{
    
    dialogState:boolean = false;

	openDialog() {
		this.dialogState = true;
	};

    closeDialog() {
        this.dialogState = false;
    };

    ngOnInit(){

    };
}